.z-form {
  --z-input-min-width: 194px;
  .z-form-input {
    &:not(:has(.el-switch)) {
      --el-border-color: transparent;
    }
  }
  &.is-fixed-width {
    display: flex;
    flex-wrap: wrap;
    .el-date-editor {
      --el-date-editor-width: 100%;
    }
    .z-select,
    .z-tree-select {
      min-width: auto;
    }
  }

  &__tip-icon {
    cursor: pointer;
    margin-left: 4px;
  }

  &-input {
    width: 100%;
    display: flex;
  }

  .el-form-item {
    margin-right: 24px;
    margin-bottom: 24px;
    width: calc(var(--z-width) - 24px);
    &.upload {
      vertical-align: top;
    }
    &__content {
      height: fit-content;
    }
  }

  .el-input,
  .el-select,
  .el-textarea,
  .el-date-editor {
    --el-fill-color-blank: var(--z-fill-color);
  }

  .el-date-editor.is-disabled,
  .el-input.is-disabled {
    --el-disabled-bg-color: var(--z-fill-color-extra);
  }

  .el-input-number.is-disabled {
    --el-fill-color-light: var(--z-fill-color-extra);
  }

  .z-select .is-disabled,
  .z-tree-select .is-disabled {
    --el-fill-color-light: var(--z-fill-color-extra);
  }

  .el-date-editor {
    flex: none;
    --el-date-editor-width: 240px;
    &--datetimerange {
      --el-date-editor-width: 330px;
    }
    &--week {
      --el-date-editor-width: 140px;
    }
    &--monthrange {
      --el-date-editor-width: 180px;
    }
    &--yearrange {
      --el-date-editor-width: 140px;
    }

    .el-range {
      &-input {
        flex: 1 1 0;
      }
      &-separator {
        flex: none;
      }
    }
  }
}
